<template>
  <main class="todo-list">
    <ul class="scroll">
      <slot></slot>
    </ul>
  </main>
</template>

<script setup></script>

<style scoped>
.todo-list {
  
  overflow: hidden;
  max-height: 300px;
  margin-top: 2.5rem;
  
  scrollbar-width: none;
}

/* 内容区域 */
.scroll {
  width: calc(100% + 17px);
  overflow-y: scroll; /* 允许内容滚动 */
  height: 100%; /* 填满父容器 */
  padding-right: 15px; /* 添加右侧内边距，防止内容被裁剪 */
}
</style>
